.ui-uploader {
	.ui-uploader-wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	.ui-uploader-preview {
		position: relative;
		margin: 0 20upx 20upx 0;
		cursor: pointer;

		.preview-image {
			display: block;
			width: 160upx;
			height: 160upx;
			overflow: hidden;
			border-radius: 20upx;
			.preview-image--img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		.preview-icon--delete {
			position: absolute;
			top: -16upx;
			right: -16upx;
			color: #969799;
			background-color: #fff;
			border-radius: 100%;
			width: 28upx;
			height: 28upx;
			border-radius: 50%;
			font-size: 0;
		}

		.preview-mask {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 100%;
			background-color: $fill-mask;
			text-align: center;

			.preview-mask--container {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				.preview-mask--txt {
					white-space: nowrap;
					color: #fff;
				}
			}
		}
	}
	// 上传
	.uploader-upload {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 160upx;
		height: 160upx;
		margin: 0 16upx 16upx 0;
		background-color: #f7f8fa;
		border-radius: 16upx;
		cursor: pointer;

		// 上传input元素
		.upload-input {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			cursor: pointer;
			opacity: 0;
		}

		.upload-text {
			color: #dcdee0;
		}
	}
}
